html,body {
	font-size: 12px;
	padding: 0px;
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

#buttonArea {
	background: url(img/bg1.gif);
	border-top: 1px solid #F0F5FA;
	border-bottom: 1px solid #99BBE8;
	padding: 3px;
}

#controlBtns {
	float: right;
}

.btn {
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding-right: 3px;
	cursor: pointer;
}

.btn span {
	display: inline-block;
	height: 17px;
	line-height: 17px;
	padding: 2px;
}

.btn img {
	border: 0;
	vertical-align: text-bottom;
}

.btn:hover {
	background: url(img/btnbgr.gif) top right;
}

.btn:hover span {
	background: url(img/btnbg.gif);
}

#listArea {
	overflow-x: hidden;
	overflow-y: auto;
}

#listTitle tr {
	background: url(img/bg2.gif);
}

#listTitle td {
	padding: 5px;
	border-top: 1px solid #F0F5FA;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #D0D0D0;
}

#listBody tr {
	cursor: pointer;
}

#listBody .hover {
	background: #F0F0F0;
}

#listBody .select {
	background: #DFE8F6;
}

#listBody td {
	padding: 5px;
	border-bottom: 1px solid #EDEDED;
}

#progressArea {
	background: #D4E1F2;
	border-top: 1px solid #99BBE8;
	padding: 3px;
}

#progressBar {
	position: relative;
	border: 1px solid #6593CF;
	padding: 1px;
}

#progress {
	height: 16px;
	background: #8FB5E8 url(img/progressbg.gif);
}

#progressBar span {
	position: absolute;
	text-align: center;
	width: 100%;
	line-height: 16px;
	color: #396095;
}